<div>
{% load el_pagination_tags %}
    
{% paginate 5 article_list  %}
{% for article in article_list %}

<div class="media well">
    <div class="dzlist-top">

      <div class="dz-username"><a href="/users/1/" rel="nofollow">{{ article.author }}</a>
        <span>{{ article.update_time }}</span></div>
    </div>
    <div class="dz-list-con">
        <a id="article_title", href=/myapp/{{ article.id }}>
          <p style="font-weight: bold;">{{ article.title }}</p>
        </a>
        <p>{{ article.content|truncatechars_html:80 | safe }}</p>
    </div>
    <div class="list_tag"><i class="fa fa-tags tag-icon" aria-hidden="true"></i>
    <a rel="nofollow" href=/myapp/article_tag/{{article.tag1}} target="_blank">{{article.tag1}}</a>
    <a rel="nofollow" href=/myapp/article_tag/{{article.tag2}} target="_blank">{{article.tag2}}</a>
    <a rel="nofollow" href=/myapp/article_tag/{{article.tag3}} target="_blank">{{article.tag3}}</a>
    </div>

    <!-- 分享 -->
    <div class="bdsharebuttonbox  pull-right">
        <a href="#" class="bds_more" data-cmd="more">分享到：</a>
        <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">QQ空间</a>
        <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a>
        <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">腾讯微博</a>
        <a href="#" class="bds_renren" data-cmd="renren"title="分享到人人网">人人网</a>
        <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a>
    </div>

    <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
    <!-- 分享完成 -->

</div>

  {% endfor %}
        <div class="pull-right" style="padding: 10px">
        {% show_pages %}
        </div>
    </div>

